<script type="text/javascript">
	aPoem = new Array("{$sPoem}");
{literal}
	function addCRUSH(ids)
	{
		for(var i=0; i<aPoem.length; i++)
			if(ids == i)
				var thispoem = aPoem[i];

		document.getElementById('tosay').value=" "+thispoem;
	}
{/literal}
</script>

<div class="mainmenu5" style="padding: 8px;">
	<img src="{$sStylePath}spacer.gif" class="sqr" style="vertical-align: middle;" alt="" height="7" width="7" />
    <span style="vertical-align: middle;"><b>{$sBoxName}</b></span>
</div>
<br /><br />
<div style="padding-left: 30px; font-size: 10pt;"><b>{messages block='CrushSent'}</b></div>

{if !$bSend}
<div style="font-size: 8pt;" class="color">
	<b>{language text="send_crush_to"}: <a href="{url link=public.user name=$sTo}">{$sTo}</a></b>
	<br /><br />
	{language text="here_you_can_send_out_crush_alerts"}
</div>
<br /><br />
<table style="width: 100%;" cellpadding="2">
	<tbody>
		<tr>
			<td style="font-size:8pt" class="color">
				<form method="post" action="{$sUrl}">
				<div><input name="user" value="{$sTo}" type="hidden" /></div>
				<table cellpadding="4">
				<tbody>
					<tr>
						<td style="vertical-align: top; font-size: 8pt;" class="color">
							<b>{language text="crush_message"}:</b>
							<div style="padding: 5px;">
								<textarea class="" name="text" cols="48" id="tosay" rows="12" onfocus="this.className='textarea';" onblur="this.className='';"></textarea>
							</div>
						</td>
						<td style="vertical-align: top; font-size: 8pt; text-align: center;" class="color">
							<br />
							<b>{language text="various_poems"}:</b><br /><br />
							<select name="poem" style="border: 0px none ; width: 90px;" id="poems" onchange="javascript:addCRUSH(document.getElementById('poems').value);">
							{foreach from=$aPoems item=aPoem key=iKey}
								<option value="{$iKey}">{language text="poem"} {$iKey+1}</option>
							{/foreach}
							</select>
							<br /><br />
							<b>{language text="various_pics"}:</b><br /><br />
							<select name="pics" style="border: 0px none ; width: 90px;" id="pics" onclick="javascript:document.getElementById('rollover').src=document.getElementById('pics').value;">
								<option value="file/crush/2.gif">2.gif</option>
								<option value="file/crush/3.gif">3.gif</option>
								<option value="file/crush/4.gif">4.gif</option>
								<option value="file/crush/5.gif">5.gif</option>
								<option value="file/crush/6.gif">6.gif</option>
								<option value="file/crush/7.gif">7.gif</option>
								<option value="file/crush/8.gif">8.gif</option>
							</select>
							<br /><br />
							<img src="file/crush/2.gif" id="rollover" alt="" height="48" width="48" />
							<br /><br />
						</td>
					</tr>
				</tbody>
				</table>
				<br />
				<div style="padding-left: 10px;">
					<input name=act[SendCrush] value="{language text="send_crush_alert"}" style="cursor: pointer;" type="submit" />
				</div>
				</form>
			</td>
		</tr>
	</tbody>
</table>
<script type="text/javascript">addCRUSH(0)</script>
{/if}